<template>
  <div>
    <VTabs
      v-model="currentTab"
      class="v-tabs-pill"
    >
      <VTab>配置项管理</VTab>
      <VTab>执行器管理</VTab>
      <VTab>表达式管理</VTab>
      <VTab>链路管理</VTab>
    </VTabs>

    <VCard class="mt-5">
      <VCardText>
        <VWindow v-model="currentTab">
          <VWindowItem :key="0">
            <ConfigList />
          </VWindowItem>
          <VWindowItem :key="1">
            <ExecutorList />
          </VWindowItem>
          <VWindowItem :key="2">
            <ELList />
          </VWindowItem>
          <VWindowItem :key="3">
            <ChainList />
          </VWindowItem>
        </VWindow>
      </VCardText>
    </VCard>
  </div>
</template>

<script setup>
import ChainList from '@/views/liteflow/el/chainList.vue'
import ConfigList from '@/views/liteflow/el/configList.vue'
import ELList from '@/views/liteflow/el/elList.vue'
import ExecutorList from '@/views/liteflow/el/executorList.vue'

const currentTab = ref(0)
</script>
